@import "style";
// list页面样式:
$font-size : 12px;
$color : #352f31;
.buttom{
    ul{
        .server-li{
            width: 170px;
        }
    }
}
h3{
    color: red;
    width: 960px;
    margin: 7px auto;
    font-size: 14px;
    span{
        font-size: $font-size;
        color: $color;
        font-weight: normal;
        b{
            color: red;
        }
    }
}
#list{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    .list-left{
         width: 160px;
         float: left;
         dl{
             border-right : 1px solid #999999 ;
             dt{
                 background: #666666;
                 color: #fff;
                 height: 25px;
                 font-size: $font-size;
                 line-height: 24px;
                 padding-left: 10px;
             }
             dd{
                 height: 30px;
                 border-bottom :1px solid #999999 ;
                 font-size: $font-size;
                 line-height: 30px;
                 padding-left: 10px;
                 font-weight: bold;
                 position: relative;
                 cursor: pointer;
                 span{
                     width: 0;
                     height: 0;
                     border: 3px solid transparent;
                     border-left:  4px solid #666;
                     position: absolute;
                     left: 150px;
                     top: 18px;
                 }
             }
         }
    }
    .list-right{
         width: 795px;
         float: left;
//       background: red;
         margin-left: 5px;
         h3{
             width: 775px;
             height: 25px;
             font-size: 14px;
             color: $color;
             background: #ccc;
             margin-top: 0;
             line-height: 24px;
             padding: 0 10px;
             a{
                 float: right;
                 color: $color; 
                 font-size: $font-size;
               
             }
         }
         p{
             font-size: $font-size;
             color: $color;
             padding: 7px 5px 5px;
             border-bottom: 1px solid #ED1B24;
             a{
                 color: $color;
                 margin-left: 10px;
             }
             .new{
                 color: #ED1B24;
                 font-weight: bold;
             }
             span{
                 float: right;
                 color: #999;
                 a{
                     display: inline-block;
                     width: 15px;
                     height: 15px;
                     border: 1px solid #666;
                     font-size: 16px;
                     text-align: center;
                     line-height: 14px;
                 }
             }
         }
         ul{
            
             li{
                 float: left;
                 width: 197px;
                 height:250px;
                 text-align: center;
                 margin: 20px 0;
                 img{
                    margin-top: 10px; 
                 }
                 h4{
                     font-size: $font-size;
                     color: $color;
                     margin: 10px;
                     font-weight: normal;
                     text-align: left;
                     line-height: 2;
                 }
                 b{
                    margin-left: -20px;
                    color: #ED1B24;
                 }
                 span{
                     font-size: $font-size;
                     color: $color;
                     margin-left: 10px;
                     text-decoration: line-through;
                 }
                 .shopping{
                     display: inline-block;
                     width: 70px;
                     height: 25px;
                     margin-left: 30px;
                     background: red;
                     color: #fff;
                     text-decoration: none;
                     text-align: center;
                     line-height: 24px;
                     border-radius: 3px;
                 }
             }
         }
    }
}
